Groups control method, system for a dynamic map-type graphic interface and electronic device using the same

ABSTRACT

A dynamic map-type graphic interface includes a number of user interface (UI) components. Each UI component is associated with one corresponding application program of the electronic device. The dynamic map-type graphic interface is a single-layer graphic interface made up of the first groups spliced together and centered around a center of the dynamic map-type graphic interface. Each of the first group comprising at least one user interface (UI) component spliced together.

FIELD

The present disclosure relates to graphic user interface technologies,and particularly to a dynamic map-type graphic interface, an electronicdevice providing the dynamic map-type graphic interface, and a methodfor the electronic device to provide the dynamic map-type graphicinterface.

BACKGROUND

User interfaces (UIs) are physical or virtual mediums through which auser interacts with an electronic device. Most electronic devices usegraphic user interface (GUI) components supported in an operating system(OS). The GUIs of electronic devices may have many application icons,making it necessary to arrange the application icons in different layersor pages of the GUI.

BRIEF DESCRIPTION OF THE DRAWINGS

Implementations of the present technology will now be described, by wayof example only, with reference to the attached figures.

FIG. 1 is an isometric view of an embodiment of an electronic device.

FIG. 2 is a block diagram of the electronic device of FIG. 1.

FIG. 3 is a diagrammatic view of a first embodiment of a dynamicmap-type graphic interface.

FIG. 4 is a diagrammatic view of another embodiment of a dynamicmap-type graphic interface.

FIG. 5 is a flowchart of an embodiment of a method for providing thedynamic map-type graphic interface.

FIG. 6 is a diagrammatic view of a second embodiment of a dynamicmap-type graphic interface.

FIG. 7 is a flowchart of an embodiment of a groups control method forcontrolling the dynamic map-type graphic interface.

FIG. 8 a diagrammatic view of an embodiment of a moving process of thedynamic map-type graphic user interface.

FIG. 9 is a flowchart of an embodiment of a control method forcontrolling a user interface of the electronic device employing thedynamic map-type graphic interface.

DETAILED DESCRIPTION

It will be appreciated that for simplicity and clarity of illustration,where appropriate, reference numerals have been repeated among thedifferent figures to indicate corresponding or analogous elements. Inaddition, numerous specific details are set forth in order to provide athorough understanding of the embodiments described herein. However, itwill be understood by those of ordinary skill in the art that theembodiments described herein can be practiced without these specificdetails. In other instances, methods, procedures and components have notbeen described in detail so as not to obscure the related relevantfeature being described. Also, the description is not to be consideredas limiting the scope of the embodiments described herein. The drawingsare not necessarily to scale and the proportions of certain parts havebeen exaggerated to better illustrate details and features of thepresent disclosure.

The term “comprising,” when utilized, means “including, but notnecessarily limited to”; it specifically indicates open-ended inclusionor membership in the so-described combination, group, series and thelike.

FIGS. 1 and 2 illustrate an electronic device 100 of one embodiment. Theelectronic device 100 includes a display unit 10, a processing unit 20,an input unit 30, and a storage unit 40. The display unit 10 of theelectronic device 100 can be any size, and the electronic device 100 canbe, without limitation, a television, an electronic whiteboard, adesktop personal computer, a notebook, a tablet personal computer, asmart phone, or a device with a display. The electronic device 100provides a user interface (UI, not labeled) displayed on the displayunit 10. A number of UI components 13 are arranged in the UI, the UIcomponents 13 can be arranged in a single layer or in multiple layers.

In this embodiment, the storage unit 40 is a non-transitorycomputer-readable medium configured to store a number of documents andmultimedia files, such as video files, music files, and images. Thestorage unit 40 further stores a number of application programs and UIcomponents 13 associated with the application programs. The UIcomponents 13 include application icons and different kinds ofinteractive widgets. Each application icon and widget is associated witha corresponding application program. In one embodiment, the widget is awindow for dynamically displaying images or information, such as weatherinformation or time, or a thumbnail of a document, video, or imagestored in the storage unit 40. In other embodiments, the widget is aninteractive widget configured to provide feedback and display aprocessing result in response to a manual input. For example, theinteractive widget is a currency converter, which includes an input boxfor inputting a currency and a currency value, and displays a convertedresult.

The display unit 10 is configured to simultaneously display videos,documents, Internet web pages, running interface of programs, a UI, andthe like. The processing unit 20 is configured to run the applicationprograms and control the display unit 10. The storage unit is furtherconfigured to store software instruments. The software instruments arerun by the processing unit 20 for enabling the electronic device 100 toimplement a dynamic map-type graphic interface 12 (shown in FIG. 3).

The input unit 30 can be selected from a contactless input device or acontact-type input device. The contactless input device can be awireless control technology, such as gesture control technology or voicecontrol technology. The contact-type input device can be a touch inputdevice, such as a capacitive touch screen, a resistive touch screen, anInfrared touch screen, or other optical touch input devices, or othertype of input device, such as a keyboard or a button.

The processing unit 20 includes a generating module 201, a UIcontrolling module 202, an application program managing module 204, aninput controlling module 205 and a group controlling module 206.

FIG. 3 shows a first embodiment of a dynamic map-type graphic interface12. The dynamic map-type graphic interface 12 is made up of the UIcomponents 13 on a single layer. The UI components 13 are dynamicallyarranged according to a predetermined rule. Each of the UI components 13is associated with one application program.

In this embodiment, the UI components 13 are arranged around apredetermined center O and spliced together to form the dynamic map-typegraphic interface 12. A size of the dynamic map-type graphic interface12 increases as the number of the UI components 13 increases. Each ofthe UI components 13 is a block of the map. A size, shape, and contentof the block are determined by a character of the associated applicationprogram, or set by a user.

The size of the UI component 13 is measured by a predetermined unit ofmeasurement.

In one embodiment, 1 unit is defined as 0.2 inches. For example, if thesize of a UI component 13 is 1×4, the horizontal size of the UIcomponent 13 is 0.2 inches, and the vertical size of the UI component 13is 0.8 inches.

In another embodiment, the size of the UI component 13 is defined bypixel values. For example, if the size of the UI component 13 is 50×50,the horizontal size and the vertical size of the UI component 13 areboth 50 pixels.

For example, a block A of the dynamic map-type graphic interface 12 isan application program for the weather and has a 3×3 size. Therefore,the horizontal size and the vertical size of the block A are both 0.6inches. The content of the block A can include a static or dynamic imageshowing weather information of a city.

The UI components 13 are arranged around the predetermined center Oaccording to the predetermined rule and spliced together. The UIcomponents 13 are spliced together means that the UI components 13 arearranged around the center one by one according to the predeterminedrule. The UI components 13 can be arranged closer to the center Oaccording to a frequency of use, a time of installation, or othercondition defined by a user. In other embodiments, arrangement of the UIcomponents 13 on the dynamic map-type graphic interface 12 is random ordetermined by a user.

FIG. 4 shows another embodiment of a dynamic map-type graphic interface22. A difference between the dynamic map-type graphic interface 22 andthe dynamic map-type graphic interface 12 of the first embodiment isthat the dynamic map-type graphic interface 22 is rectangular and has afixed aspect ratio. As the number of the UI components 13 increases, thesize of the rectangle increases to maintain the fixed aspect ratio ofthe dynamic map-type graphic interface 22.

FIG. 5 shows a flowchart of a method for providing the dynamic map-typegraphic interface 12. The method includes the following blocks, each ofwhich is tied to various components contained in the electronic device100 as shown in FIG. 2.

In block 501, the generating module 201 determines a center O.

In block 502, the application program managing module 204 obtains thenumber of the UI components 13 according to the application programsstored in the electronic device 100.

In block 503, the application program managing module 204 determines theshape, size, and content of each UI component 13 according to thecharacter of the application program associated with each UI component13, or according to user input.

In block 504, the generating module 201 determines the arrangement ofthe UI components 13 around the center O according to the firstpredetermined rule. In other embodiments, the arrangement of the UIcomponents 13 is random or determined by a user.

In block 505, the generating module 201 generates the dynamic map-typegraphic interface 12 by splicing the UI components 13 together aroundthe center O.

In block 506, the dynamic map-type graphic interface 12 is stored in thestorage unit 40 of the electronic device 100.

In other embodiments, the generating module 201 splices the UIcomponents 13 together around the center O to form a dynamic picture.

FIG. 6 shows a second embodiment of a dynamic map-type graphic interface32. The dynamic map-type graphic interface 32 is also made up of the UIcomponents 13 on a single page; each of the UI components 13 isassociated with one application program. A difference between thedynamic map-type graphic interface 32 and the dynamic map-type graphicinterface 12 of the first embodiment is that the dynamic map-typegraphic interface 32 includes a number of first groups 131. The UIcomponents 13 of the dynamic map-type graphic interface 32 are groupedinto the number of first groups 131, each of the first groups 131includes at least one UI component 13. The first groups 131 aredynamically arranged according to a predetermined rule and splicedtogether to form the dynamic map-type graphic interface 32.

Similar to the first embodiment, the application program managing module204 determines the shape, size, and content of each UI component 13 ofthe dynamic map-type graphic interface 32 according to the character ofthe application program associated with each UI component 13, oraccording to user input. The character of the associated applicationprogram includes size parameter, shape parameter, content parameter,arrangement parameter and group parameter of the corresponding UIcomponents 13. The group parameter of the character of the applicationprogram includes a group name configured to define which group 131 thecorresponding UI components 13 belong to. The group parameter can be setby the associated application program or set by manual input.

The group controlling module 206 is configured to obtain the groupparameter of the each UI components 13 of the associated applicationprogram, and group the UI components 13 into the corresponding firstgroup 131 according the group parameters. In detail, the groupcontrolling module 206 obtains the group name of group parameter of theeach UI component 13 of the associated application program, and gathersthe UI components 13 which have the same group parameter into thecorresponding first group 131.

In the second embodiment, the dynamic map-type graphic interface 32further includes a second group 132. When the group controlling module206 determines that the group parameter of the new application programis empty, the group controlling module 206 groups the associated UIcomponent 13 into the second group 132. The group controlling module 206further groups the UI component 13 into a first group 131 according tomanual input.

The UI component 13 associated with a new application programs aregrouped into the second group 132. The new application program is anapplication program installed on the electronic device 100 in a recentpredetermined time period or an application program installed on theelectronic device 100 that has never been used. In an embodiment, whenthe new application program is used for the first time, the groupcontrolling module 206 obtains the group parameter of the newapplication program, and groups the associated UI component 13 into thecorresponding first group 131 according to the group parameter.

In the second embodiment, the dynamic map-type graphic interface 32further includes frames 1312 circumscribing around the first group 131and the second group 132.

The generating module 201 is configured to determine the arrangement ofthe first group 131 and the second group 132 around the center Oaccording to a second predetermined rule, and generate the dynamicmap-type graphic interface 32 by splicing the first group 131 and thesecond group 132 together around the center O. The first group 131 andthe second group 132 are spliced together means the first groups 131 andthe second group 132 are arranged around the center O one by oneaccording to the second predetermined rule. In an embodiment, the firstgroup 131 and the second group 132 can be arranged closer to the centerO according to a frequency of use, a time of installation, or otherconditions defined by a user. In other embodiments, arrangement of thefirst group 131 and the second group 132 on the dynamic map-type graphicinterface 32 is random or determined by a user.

In one embodiment, the generating module 201 further determines thearrangement of the UI components 13 relative to the center O in thefirst group 131 and the second group 132 according to a thirdpredetermined rule, when the arrangement of the first group 131 and thesecond group 132 has been determined. For example, the UI components 13can be arranged closer to the center O according to a frequency of use.

In another embodiment, the generating module 201 further determines thearrangement of the UI components 13 in the first group 131 and thesecond group 132 according to a fourth predetermined rule, when thearrangement of the first group 131 and the second group 132 has beendetermined. For example, the UI components 13 can be orderly arranged inrow array or column array according to a frequency of use, a time ofinstallation, or other conditions defined by a user.

In other embodiments, arrangement of the UI components 13 in the firstgroup 131 and the second group 132 is random or determined by a user.

The first group 131 and the second group 132 of the dynamic map-typegraphic interface 32 is a block made up of the corresponding UIcomponents 13 spliced together. In an embodiment, the first group 131and the second group 132 are rectangular and have a fixed aspect ratio,the UI components 13 can be spliced via an original size or a compressedsize.

FIG. 7 illustrates a flowchart of a group control method for controllingthe dynamic map-type graphic interface 32, the group control methodincludes the following blocks:

In block 701, the group controlling module 206 groups the UI components13 into the corresponding first group 131 according the group parametersof the each UI component 13 of the associated application program. Indetail, the group controlling module 206 obtains the group parameter ofthe each UI component 13 of the associated application program, andgroups the UI components 13 into the corresponding first group 131according to the group parameters. In an embodiment, the block 701further includes: the group controlling module 206 grouping the UIcomponents 13 into the second group 132, when the group controllingmodule 206 determines that the group parameter of the UI component 13 ofthe associated application program is empty.

In block 702, the generating module 201 determines the arrangement ofthe first group 131 around the center O according to the secondpredetermined rule and the arrangement of the UI components 13 of thefirst group 131 in the first group 131. In an embodiment, the block 702further includes: the generating module 201 determining the arrangementof the second group 132 around the center O according to the secondpredetermined rule, and determines the arrangement of the UI components13 of the second group 132 in the second group 132.

In block 703, the generating module 201 generates the first group 131 bysplicing the UI components 13 of the corresponding first group 131together, and generates the dynamic map-type graphic interface 32 bysplicing the first group 131 together around the center O. In detail,the generating module 201 generates the first groups 131 by splicing theUI components 13 of the corresponding first group 131 together accordingthe determined arrangement of the UI components 13 in the first group131. In an embodiment, the block 703 further includes: generating thesecond group 132 by splicing the UI components 13 of the second group132 together, and generating the dynamic map-type graphic interface 32by splicing the first group 131 and the second group 132 around thecenter O.

In block 704, storing the dynamic map-type graphic interface 32 in thestorage unit 40 of the electronic device 100.

When a new application program is installed on the electronic device,the group control method includes the following blocks:

In block 705, the application program managing module 204 obtains the UIcomponent 13 of the new application program. The new application programis an application program installed on the electronic device 100 in arecent predetermined time period or an application program installed onthe electronic device 100 has never been used.

In block 706, the application program managing module 204 determines theshape, size, and content of the UI component 13 of the new applicationprogram according to the character of the new application program, oraccording to user input.

In block 707, the group controlling module 206 groups the UI component13 of the new application program into the second group 132.

In block 708, the generating module 201 updates the dynamic map-typegraphic interface 32 by splicing the UI component 13 of the newapplication program into the second group 132. In detail, the generatingmodule 201 determines the arrangement of the UI components 13 of the newapplication program in the second group 132 and updates the dynamicmap-type graphic interface 32 by splicing UI component 13 of the newapplication program into the second group 132.

In block 709, the updated dynamic map-type graphic interface is storedin the storage unit 40.

When user operates the new application program for the first time, thegroup control method includes the following blocks:

In block 7010, the group controlling module 206 obtains the groupparameter of the new application program in response to a firstoperation of the new application program, and determines whether thegroup parameter of the new application program is empty, if yes, goes toblock 7011; if no, goes to block 7012.

In block 7011, the group controlling module 206 groups the UI component13 of the new application program into the corresponding first group 131according to manual input.

In block 7012, the group controlling module 206 groups the UI component13 of the new application program into the corresponding first group 131according the group parameter.

In block 7013, the generating module 201 updates the dynamic map-typegraphic interface 32 by splicing the UI component 13 of the newapplication program into the corresponding first group 131.

In block 7014, the updated dynamic map-type graphic interface is storedin the storage unit 40.

FIG. 8 illustrates when the size of the dynamic map-type graphicinterface 12 is larger than a display size of the display unit 10, theUI controlling module 202 of the processing unit 20 determines a pointof the dynamic map-type graphic interface 12 as a display center, thencontrols the display unit 10 to display a partial region 101 of thedynamic map-type graphic interface 12 centered around the displaycenter. In this embodiment, a size of the partial region 101 is the sizeof the display unit 10.

In this embodiment, the center O is determined as the display center. Inother embodiments, any point of the map-type graphic interface 12, suchas a point O′ or a point O″, can be defined as the current displaycenter. The current display center can be the most recent display centeror be set by a user.

The input unit 30 is configured to receive a manual input and generatean input command in response to the input. The input controlling module205 of the processing unit 20 generates corresponding control signalsaccording to the different input commands. The UI controlling module 202controls the display center of the dynamic map-type graphic interface 12to move according to the control signal when the input command is themovement command.

For example, FIG. 8, illustrates the UI controlling module 202 controlsthe display center of the dynamic map-type graphic interface 12 to movefrom the center O to the point O′ or O″, then the partial region 101 ismoved accordingly to around the point O′ or the point O″.

For example, if the input unit 30 is a touch panel, when the touch panelis swiped, the input unit 30 generates the corresponding input command.The input controlling module 205 determines a distance and a directionof the swipe, and generates the control signal according to the movementcommand. The control signal includes information of the distance and thedirection of the swipe. The UI controlling module 202 determines amovement distance and a movement direction according to the controlsignal, and controls the display center of the dynamic map-type graphicinterface 12 to move according to the determined movement direction andthe determined movement distance.

In one embodiment, the movement direction is the same as the swipingdirection, and the movement distance is proportional to the swipingdistance. For example, when the swiping distance is 0.5 cm, thedetermined movement distance is 1 unit.

In another embodiment, the movement direction is opposite to the swipingdirection.

In other embodiments, the input controlling module 205 determines thedirection of the swipe and the speed of the swipe. The UI controllingmodule 202 determines the movement direction according to the directionof the swipe, and determines the movement distance according to thespeed of the swipe. For example, the movement distance can be determinedlarger according with a faster swipe speed.

When the display center is adjacent to a boundary of the dynamicmap-type graphic interface 12, the UI controlling module 202 redefinesthe display center, such that the partial region 101 is within thedynamic map-type graphic interface 12.

FIG. 9 illustrates a flowchart of a method for controlling the partialregion 101 displayed on the electronic device 100. The method includesthe following blocks,

In block 901, the UI controlling module 202 reads the dynamic map-typegraphic interface 12 from the storage unit 40.

In block 902, the UI controlling module 202 obtains the size of thedisplay unit 10. In one embodiment, the UI controlling module 202further determines whether the size of the display unit 10 is largerthan the size of the dynamic map-type graphic interface 12. If the sizeof the display unit 10 is larger than the size of the dynamic map-typegraphic interface 12, block 703 is implemented. Otherwise, the UIcontrolling module 202 controls the display unit 10 to display thecontent of dynamic map-type graphic interface 12.

In block 903, the UI controlling module 202 determines a point on thedynamic map-type interface as a display center. In this embodiment, theUI controlling module 202 determines the center O of the dynamicmap-type graphic interface 12 as the display center. In otherembodiments, any point selected by a user or the most recent displaycenter can be defined as the current display center.

In block 904, the UI controlling module 202 controls the display unit 10to display the partial region 101 of the dynamic map-type graphicinterface 12 around the display center.

In block 905, the input controlling module 205 generates a controlsignal according to a movement command input by a user.

In block 906, the UI controlling module 202 determines a movementdistance and a movement direction according to the control signal.

In block 907, the UI controlling module 202 controls the display centerof the dynamic map-type graphic interface 12 to move according to thedetermined movement direction and the determined movement distance, andcontrols the display unit 10 to display the partial region 101 aroundthe moved display center.

The dynamic map-type graphic interface 12 is a single-layer graphicinterface made up of the UI components 13 spliced together. The UIcomponents 13 are dynamically arranged around the center O. Furthermore,the dynamic map-type graphic interface 12 is compatible with differentelectronic devices having different display sizes.

The embodiments shown and described above are only examples. Manydetails are often found in the art such as the other features of aprotection case. Therefore, many such details are neither shown nordescribed. Even though numerous characteristics and advantages of thepresent technology have been set forth in the foregoing description,together with details of the structure and function of the presentdisclosure, the disclosure is illustrative only, and changes may be madein the detail, especially in matters of shape, size and arrangement ofthe parts within the principles of the present disclosure up to, andincluding the full extent established by the broad general meaning ofthe terms used in the claims. It will therefore be appreciated that theembodiments described above may be modified within the scope of theclaims.

What is claimed is:
 1. A group control method for controlling a map-typegraphical user interface with a plurality of graphical representativeuser interface (UI) components comprising: grouping, at an electronicdevice, a available UI component into a corresponding first groupaccording a group parameter; determining, at the electronic device, anarrangement of the first group around a center of the map-type graphicaluser interface according to a predetermined rule; updating, at theelectronic device, the map-type graphical user interface by splicing theUI components of the corresponding first group around the center, basedon the predetermined rule; and storing, at the electronic device, theupdated dynamic map-type graphic user interface.
 2. The method of claim1, further comprising: grouping the UI component into a second group atthe electronic device, when the group parameter of the UI component isempty; determining, at the electronic device, an arrangement of thesecond group around the center according to the predetermined rule;updating, at the electronic device, the map-type graphical userinterface by splicing the UI components of the corresponding secondgroup around the center, based on the predetermined rule; and storing,at the electronic device, the updated dynamic map-type graphic userinterface.
 3. The method of claim 2, further comprising: receiving, atthe electronic device, a new notification of a UI component;determining, at the electronic device, a shape, a size and a content ofthe UI component; adding, at the electronic device, the UI componentinto the second group; updating, at the electronic device, the dynamicmap-type graphic interface by splicing the UI component into the secondgroup; and storing, at the electronic device, the updated dynamicmap-type graphic interface.
 4. The method of claim 3, furthercomprising: receiving, at the electronic device, a new applicationprogram group parameter; and determining, at the electronic device,whether the group parameter of the new application program is empty;adding, at the electronic device, the UI component of the newapplication program into the second group, manually, when the groupparameter of the new application program is empty; grouping, at theelectronic device, the UI component of the new application program intothe corresponding first group, according the group parameter; updating,at the electronic device, the dynamic map-type graphic interface, bysplicing the UI component of the new application program into thecorresponding group; and storing, at the electronic device, the dynamicmap-type graphic interface in the electronic device.
 5. The method ofclaim 1, wherein the group parameter comprises a group name.
 6. Themethod of claim 1, wherein the new application program is an applicationprogram installed on the electronic device in a recent predeterminedtime period or an application program installed on the electronic devicehad never been used.
 7. The method of claim 1, wherein the dynamicmap-type graphic interface further includes frames circumscribing aroundthe first groups.
 8. An electronic device, comprising: a display unit; aprocessing unit; and a storage unit configured to store a plurality ofapplication programs and user interface (UI) components associated withthe application programs, and a dynamic map-type graphic interfacecomprising a plurality of first groups around a center, each of thefirst group comprising at least one UI component spliced together;wherein the storage unit is further configured to store a plurality ofinstructions, which when executed by the processing unit, causes theprocessing unit to: grouping, at an electronic device, a UI componentinto a corresponding first group according a group parameter;determining, at the electronic device, an arrangement of the first grouparound a center of the map-type graphical user interface according to apredetermined rule; updating, at the electronic device, the map-typegraphical user interface by splicing the UI components of thecorresponding first group around the center, based on the predeterminedrule; and storing, at the electronic device, the updated dynamicmap-type graphic user interface.
 9. The electronic device of claim 8,wherein when the instructions executed by the processing unit, furthercauses the processing unit to: grouping the UI component into a secondgroup at the electronic device, when the group parameter of the UIcomponent is empty; determining, at the electronic device, anarrangement of the second group around the center according to thepredetermined rule; updating, at the electronic device, the map-typegraphical user interface by splicing the UI components of thecorresponding second group around the center, based on the predeterminedrule; and storing, at the electronic device, the updated dynamicmap-type graphic user interface.
 10. The electronic device of claim 9,wherein when the instructions executed by the processing unit, furthercauses the processing unit to: receiving, at the electronic device, anew notification of a UI component; determining, at the electronicdevice, a shape, a size and a content of the UI component; adding, atthe electronic device, the UI component into the second group; updating,at the electronic device, the dynamic map-type graphic interface bysplicing the UI component into the second group; and storing, at theelectronic device, the updated dynamic map-type graphic interface. 11.The electronic device of claim 10, wherein when the instructionsexecuted by the processing unit, further causes the processing unit to:receiving, at the electronic device, a new application program groupparameter; determining, at the electronic device, whether the groupparameter of the new application program is empty; adding, at theelectronic device, the UI component of the new application program intothe second group, manually, when the group parameter of the newapplication program is empty; grouping, at the electronic device, the UIcomponent of the new application program into the corresponding firstgroup, according the group parameter; updating, at the electronicdevice, the dynamic map-type graphic interface, by splicing the UIcomponent of the new application program into the corresponding group;and storing, at the electronic device, the dynamic map-type graphicinterface in the electronic device.
 12. The electronic device of claim8, wherein the group parameter comprises a group name.
 13. Theelectronic device of claim 8, wherein the new application program is anapplication program installed on the electronic device in a recentpredetermined time period or an application program installed on theelectronic device had never been used.
 14. The electronic device ofclaim 8, wherein the dynamic map-type graphic interface further includesframes circumscribing around the first groups.
 15. A group controlsystem for controlling a dynamic map-type graphic interface of anelectronic device, the dynamic map-type graphic interface comprising aplurality of graphical representative user interface (UI) components,each of the UI components associated to an application program of theelectronic device; the updating system comprising: a group controllingmodule configured to group the UI component into a corresponding firstgroup according a group parameter of the UI component; and a generatingmodule configured to determine arrangement of the first group around acenter of the map-type graphical user interface according to apredetermined rule, update the map-type graphical user interface bysplicing the UI components of the corresponding first group around thecenter, based on the predetermined rule; and store the updated dynamicmap-type graphic interface in the electronic device.
 16. The groupcontrol system of claim 15, wherein the group controlling module isfurther configured to group the UI component into a second group, whenthe group parameter of the UI component is empty; and determinearrangement of the second group around the center of the map-typegraphical user interface according to the predetermined rule; and thegenerating module is further configured to update the map-type graphicaluser interface by splicing the UI components of the corresponding secondgroup around the center, based on the predetermined rule.
 17. The groupcontrol system of claim 16, further comprising an application programmanaging module configured to receive a new notification of a UIcomponent and determine a shape, size and content of the UI component;wherein the group controlling module is further configured to group theUI component into the second group; and the generating module is furtherconfigured to update the dynamic map-type graphic interface by splicingthe UI component into the second group; and store the updated dynamicmap-type graphic interface in the electronic device.
 18. The groupcontrol system of claim 17, wherein the group controlling module isfurther configured to receive a new application program group parameter,determine whether the group parameter of the new application program isempty; add the UI component of the new application program into thesecond group, manually, when the group parameter of the new applicationprogram is empty; and group the UI component of the new applicationprogram into the corresponding first group, according the groupparameter; and the generating module is further configured to update thedynamic map-type graphic interface by splicing the UI component of thenew application program into the corresponding group; and store theupdated dynamic map-type graphic interface in the electronic device. 19.The group control system of claim 15, wherein the group parametercomprises a group name.
 20. The group control system of claim 15,wherein the dynamic map-type graphic interface further includes framescircumscribing around the first groups.